// import Vue from 'vue'
// 封装自定义指令
// 第一个参数是指令明
// 第二个参数{}是自定指令的配置项
// Vue.directive('imgerror', {
//   // inserted执行时机，是使用指令那个元素 插入到DOM树中就会执行inserted
//   // el 表示的使用了当前这个指令 那个DOM元素
//   // binding.value 使用指令的时候 传过来的值
//   inserted(el, binding) {
//     el.onerror = function() {
//       // console.log('图片加载失败了'), 设置备用图片地址
//       el.src = binding.value
//     }
//   }
// })

import store from '@/store/index'
// 图片错误的时候
export const imgerror = {
  // inserted执行时机，是使用指令那个元素 插入到DOM树中就会执行inserted
  // el 表示的使用了当前这个指令 那个DOM元素
  // binding.value 使用指令的时候 传过来的值
  inserted(el, binding) {
    // console.log(el)
    // console.log(binding)
    el.onerror = () => {
      el.src = binding.value
    }
  }
}
// 判断用户的按钮权限
export const premission = {
  inserted(el, binding) {
    // 从getters获取到用户的权限，然后进行判断，如果不包含在内 就移除掉这个元素
    const points = store.getters.roles?.points || []
    if (!points.includes(binding.value)) {
      el.parentNode.removeChild(el)
    }
  }
}

export const color = {}
